body {margin:0px; font-family:Segoe UI,helvetica,Arial Narrow, Arial, sans-serif; font-size:14px;}#form1{margin:0px}
#header{top:0px;position:fixed;min-height:87px;display:block;width: 100%;background: #FFFFFF;z-index:999;color: #333333;border-bottom:2px solid #8DA420;}
h1,h2,h3,h4,h5,h6{margin:0px;color:#3B67B2;}p{margin:0px; color:Black;}#infoMenu{bottom:80px;}#infoMenu li a{color:#333333;z-index: 999;}img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight: normal;font-style: normal;}strong{font-weight: bold;}ol,ul{list-style: none;margin:0;padding:0;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border: 0;}.wrap{margin-left: auto;margin-right:auto;width:auto;position: relative;}
.intro p{width:50%;margin:0 auto;font-size:1.9em;}#menu li{line-height:30px;display:inline-block;margin-top:11px;}#menu li.active{color: #333333;}#menu li a{text-decoration:none;font-size:15px;color:#333333;}#menu li.active a:hover{color: #333333;}#menu li:hover{}#menu li a,#menu li.active a{padding: 8px 10px;display:block;}#menu li.active a{color: #333333;}
#menu{top:0;left:0;width:auto;height: 40px;z-index: 70;padding:0;margin:0px 0 0 75px;}#infoMenu{height:20px;color: #333333;position:fixed;z-index:70;bottom:0;width:100%;text-align:right;font-size:1.2em;padding:8px 0 8px 0;}#infoMenu ul{padding: 0 40px;}#infoMenu li a{display: block;margin: 0 22px 0 0;color: #333333;}#infoMenu li a:hover{text-decoration:underline;}
#infoMenu li{display:inline-block;position:relative;}.Clear{clear:both;} #demosMenu{position:fixed;bottom:10px;right:10px;z-index: 999;}
.btn1{ background:#3B67B2; width:300px; height:200px;}

.InputTextCss {min-width:200px;height:30px;padding-left:5px;border:1px solid #3B67B2;outline-color:#ADC845;border-radius:2px;-webkit-transition:ease-out .5s;-moz-transition:ease-out .5s;-o-transition:ease-out .5s;-ms-transition:ease-out .5s;transition: ease-out .5s;}
.InputTextCss:hover {box-shadow: 0 0 10px rgba(31, 73, 125, 0.9);}
.InputDetailsTextBox{min-width:225px;height:35px;padding-left:5px;border:1px solid #3B67B2;outline-color:#ADC845;border-radius:2px;-webkit-transition:ease-out .5s;-moz-transition:ease-out .5s;-o-transition:ease-out .5s;-ms-transition:ease-out .5s;transition: ease-out .5s;}
.InputDetailsTextBox:hover {box-shadow: 0 0 10px rgba(31, 73, 125, 0.9);}
.MyDashboardTextBoxAction{font-size:18px;font-weight:700;color:rgba(31, 73, 125, 0.9);float:left;padding:15px 0 0 20px;}
#DivAdminDashboard{width:1000px;margin:35px auto}.DivClear{clear:both;}.DivDashBoardCss{width:350px;height:100px;float:left;margin:5px;font-size:24px;font-weight:700;outline:none;background:#F9F9F9;border:1px solid #C2C2C2;}
.AdminDashboardMenu{height:auto;width:310px;color:rgba(31, 73, 125, 0.9);font-size:16px;font-weight:700;background-color: rgba(250,250,252,.9);text-align:left;box-shadow: 0 0 5px rgba(31, 73, 125, 0.9);border:0px solid rgba(31, 73, 125, 0.9);border-width:thin;border-radius:2px;cursor:pointer;text-decoration:none;}
#DivMyDashboard{width:1000px;margin:35px auto}.DivClear{clear:both;}.DivDashBoardCss{width:350px;height:100px;float:left;margin:5px;font-size:24px;font-weight:700;outline:none;background:#F9F9F9;border:1px solid #C2C2C2;}
.MyDashboardMenu{height:60px;width:300px;color:#808080;text-align:center;font-size:16px;font-weight:700;background-color:rgba(250,250,252,.9);text-align:left;box-shadow: 0 0 2px rgba(31, 73, 125, 0.9);border:1px solid #3B67B2;border-radius:2px;text-decoration:none;cursor:pointer;float:left}
.DivDashboardHeader{width:960px;margin:110px auto;clear:both;}
.CssDivStep {float: left;text-align:center}.StepButtonCss {width: 65px; height: 65px; background-color: transparent; border: none; font-size: 26px; font-weight: 800; color: #FFFFFF;cursor:pointer;outline:none;}.ActiveStepCss{width:55px; height: 55px;margin:16px auto -10px auto; background-color: transparent; border: none; outline: none; font-size: 26px; font-weight: 800; color: #FFFFFF; cursor:not-allowed;}
.ActiveStepDiv{float: left; border: 3px solid #AEC946; width: 70px;background:#AEC946; height:70px; border-radius: 100px;}
/* -----------------------------Css for Button ---------------------------------------*/
.btnReadmoreButton{min-width:225px;height:40px;border-radius:2px;border:none;font-size:19px;background-color:#ADC845;color:#fff;text-align:center;font-weight:600;cursor:pointer;outline:none;padding:5px;}
.btnReadmoreButton:hover{background:#8EA521;color:#fff;}
.UniversalButton{min-width:100px;min-height:30px;max-height:40px;border-radius:2px;border:none;font-size:14px;background-color:#ADC845;color:#fff;text-align:center;font-weight:600;cursor:pointer;outline:none;padding:8px;}
.UniversalButton:hover{background:#8EA521;color:#fff;}
.LinkButton{color:#a4a4a4; cursor:pointer; text-decoration:underline;font-size:14px;}.LinkButton:hover{color: #C2C2C2;text-decoration:none;}
.LoginButton {width: 358px;height:40px;background:#ADC845;font-size:19px;color:#F2F2F2;border-radius:2px;border:none;outline:none;cursor:pointer;}
.LoginButton:hover{box-shadow: 0 0 5px rgba(31, 73, 125, 0.1);background:#8EA521;border:none;}
/****************************** Css for Image Slider *************************************/
 .jssora11l, .jssora11r{display: block;position: absolute;width:37px;height: 37px;cursor: pointer;overflow: hidden;background-image: url('../ImagesSlider/Img/a11.png');background-repeat: no-repeat;}
 .jssora11l{background-position: -11px -41px;}.jssora11r{background-position: -71px -41px;}.jssora11l:hover{background-position: -131px -41px;}.jssora11r:hover{background-position: -191px -41px;}
 .jssora11l.jssora11ldn{background-position: -251px -41px;}.jssora11r.jssora11rdn{background-position: -311px -41px;}

.DivSlider{top:8px; left: 0px;margin:auto;width:1400px;height:650px;display: block; position: relative;background:#FFFFFF;box-shadow:0px 0 2px 2px rgba(31, 73, 125, 0.9);outline:none;overflow:hidden;}
#DivWhatWeDo{background-position: center center;width:100%;background-size: 100% 100%;background-image: url('../ImagesSlider/WhatWeDo.jpg');position:relative;background-attachment: fixed;height:auto !important;height:100%;min-height:100%;background-repeat: no-repeat;}
#DivHowItWork{background-position: center center;width:100%;background-size: 100% 100%;background-image: url('../Images/HowItWork.jpg');background-repeat: no-repeat;position:relative;background-attachment: fixed;height:auto !important;height:100%;min-height:100%;}
#DivJoinOurCommunity{background-position:top center;width:100%;background-size: 100% 100%;background-image: url('../Images/JoinOurCommunity.png');background-repeat: no-repeat;position:relative;background-attachment: fixed;height:auto !important;height:100%;min-height:100%;}
#DivJoinMemberCommunity{background-position: center center;width:100%;background-size: 100% 100%;background-image: url('../Images/MemberCommunity.jpg');background-repeat: no-repeat;position:relative;background-attachment: fixed;height:auto !important;height:100%;min-height:100%;}

/* ----------------------------------- Css for PopUp -------------------------------------*/
.modalBackground{background-color:rgba(0, 0, 0, 1.9);filter: alpha(opacity=100);opacity: 0.7;}
.modalPopup{background-color:#F2F2F2;font-size:14px;color:#000;padding:10px;border:5px solid #808080; border-width:medium;border-radius:5px;box-shadow: 0 0 0.5px rgba(31, 73, 125, 0.8);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease; transition:all 1s ease;}
#btnRemove{width:20px;height:20px;font-size:20px;font-family:Arial Black;margin-right:4px;color:#F2F2F2;cursor:pointer;text-align:center;outline:none;float:right;border:none;}
.DivPopupContent{width:auto;max-width:755px;min-height:35px;max-height:150px;overflow: auto;padding:2px 7px;background:#FFFFFF;color:#000000;border-radius:2px;margin-right:5px;}
.PopUpLargeContentTextBox{min-width:400px;max-width:755px; min-height: 30px; max-height: 300px; overflow: auto; padding: 2px 7px; background: #FFFFFF; color: #000000; border-radius: 2px;margin-right:5px;}
.TDCss{text-align:right;padding-left:20px;}
.PopupHeaderStyle{height:35px;margin:-1px -1px 0px -1px;background: #808080;color:#F2F2F2;border-radius:5px 5px 0 0px;}

/************************************************ Css for Dropdown List *************************************************/
#LogoutMenu{margin:-7px;}#LogoutMenu ul{list-style: none;text-align:left;padding:0;margin:0px;line-height:1;float:left;}#LogoutMenu > ul {position: relative;display: block;z-index: 500;top: 0px;left: 0px;}#LogoutMenu:after,#LogoutMenu > ul:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#LogoutMenu.align-right > ul > li{float:left;font-family:arial,helvetica;}#LogoutMenu.align-center ul {text-align: center;}#LogoutMenu.align-center ul ul {text-align: left;}#LogoutMenu > ul > li {display: inline-block;position: relative;padding:0;}#LogoutMenu > ul > #LogoutMenu-button {display: none;}#LogoutMenu ul li a{display: block;text-decoration: none;line-height:25px;font-family:Segoe UI,helvetica,Arial Narrow, Arial, sans-serif;}
#LogoutMenu > ul > li > a{font-size: 14px; padding:10px 18px;color:#555555; outline:none;-webkit-transition: color 1s ease-out;-moz-transition: color 1s ease-out;-ms-transition: color 1s ease-out;-o-transition: color 1s ease-out;transition: color 1s ease-out;}#LogoutMenu > ul > li.has-sub > a {padding-right: 32px;}#LogoutMenu > ul > li:hover > a {color: #555555;}#LogoutMenu li.has-sub::after {display:block;content: "";position: absolute;width: 0;height: 0;}
#LogoutMenu > ul > li.has-sub::after{right:15px;top:20px;border:6px solid transparent;border-top-color: #C0C0C0;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
#LogoutMenu > ul > li:hover::after{border-top-color: #808080;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
#LogoutMenu ul ul{position: absolute;left: -9999px;top:500px;margin-top:1px;margin-left:-100px;min-width:175px;max-width:300px;text-align:center;border:1px solid #808080;border-width:thin;background-color:#FFFFFF;box-shadow: 0 0 5px #999; border-radius: 2px;opacity: 0;-webkit-transition: opacity .1s ease, top .1s ease;-moz-transition: opacity .1s ease, top .1s ease;-ms-transition: opacity .1s ease, top .1s ease;-o-transition: opacity .1s ease, top .1s ease;transition: opacity .1s ease, top .1s ease;z-index: 1000;}
#LogoutMenu ul ul ul{top:0px;padding-left: 5px;}#LogoutMenu ul ul li{position: relative;}#LogoutMenu > ul > li:hover > ul{left: auto;top:33px;opacity:1;}
#LogoutMenu.align-right > ul > li:hover > ul{left: auto;right: 0;opacity: 1;}#LogoutMenu ul ul li:hover > ul{left:1px;top: 0;opacity: 1;}#LogoutMenu.align-right ul ul li:hover > ul{left: auto;right:0px;top: 0;opacity: 1;padding-right: 5px;}
#LogoutMenu ul ul li a{width:auto;text-align:left;padding: 0 10px 0 20px;  font-family:Segoe UI,helvetica,Arial Narrow, Arial, sans-serif;font-size: 14px;line-height:35px;outline:none;color:#101010;background: #FFFFFF;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
#LogoutMenu.align-right ul ul li a{text-align: right;}#LogoutMenu ul ul li:hover > a{color:#FFFFFF;font-weight:500;background:#808080;}
/*----------------------Pining-------------------*/
#LogoutMenu > ul > li > ul::after{content: '';border:6px solid transparent;width:1px;height:0;border-bottom-color:#808080;position: absolute;top: -13px;left:141px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
#LogoutMenu.align-right > ul > li > ul::after{left: auto;right:30px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}

/* -------------------------------- Css for Basic Page BGI ---------------------------*/
#DivHowItWorksDiscripation{margin:0px;background-position:center center;width:100%;background-size:100% 100%;overflow:auto;background-image: url('../Images/ReadmoreBGI01.jpg');background-repeat: no-repeat;position:absolute;display:inline-block;background-attachment:fixed;height:auto !important;max-height:100%;min-height:100%;}
#DivWhatWeDoDiscripation{margin:0px;background-position:center center;width:100%;background-size: 100% 100%;overflow: auto;background-image: url('../Images/ReadmoreBGI02.jpg');background-repeat: no-repeat;position: absolute;display: inline-block;background-attachment: fixed;height: auto !important;max-height: 100%;min-height: 100%;}
#DivWhatYouCanDo{margin:0px;background-position:center center;width:100%;background-size:100% 100%;overflow:auto;background-image: url('../Images/ReadmoreBGI03.jpg');background-repeat:no-repeat;position:absolute;display:inline-block;background-attachment: fixed;height: auto !important;max-height: 100%;min-height: 100%;}
/* ---------------------------------- Css for Footer ---------------------------------*/
ul,li{ list-style-type:none;}.clear{height:1px;clear:both;}.fltLft{float:left;}.fltRight{float:right;}.marg7{margin:7px 0 0 10px;}.marg5{margin:0 0 0 10px;}.margTop15{margin:15px 0 0 0;}#wrap{ width:100%;margin:auto;}#wrap #topDiv{width:960px;margin:auto;}#topDiv #topHeader{height:92px;}#topDiv #topHeader h1{ display:block;width:341px;float:left;}
#topDiv #topHeader #login{float:right;width:350px;display:block;margin:30px 0 0 110px;height: 61px;}#topDiv #topHeader #login input[type=button],#login input[type=submit]{padding: 2px 0px 2px 0px;border:0px;margin:0px;width:36px;height:25px;cursor:pointer;}
#logout input[type=button]{padding: 2px 0px 2px 0px;border:0px;margin:0px;width:36px;height:25px;cursor:pointer;}#wrap #topDiv #menu{ background:url(../images/menubg.gif) repeat-x;height:40px;width:924px;}
#Platform h1{font-size:45px;color:#92a812;font-weight:normal;text-align:center;}#boxDesign{background:url(../images/boxdesign.jpg) no-repeat;height:365px;}#boxDesign #starttxt{width:100px; position:relative; top:210px; left:95px; text-align:center;}#boxDesign #starttxt.txtStyle{ font-family:Arial, Helvetica, sans-serif;font-size:24px;color:#202020;}
#boxDesign #starttxt.txtStyle A{color:#202020; text-decoration:none;}#boxDesign #starttxt.txtStyle A:hover{color:#202020; text-decoration:none;}#boxDesign #starttxt.txtStyle span{font-size:33px;color:#0e5891;font-weight:bold;}#boxDesign #starttxt.txtStyle span A{color:#0e5891; text-decoration:none;}#boxDesign #starttxt.txtStyle span A:hover{color:#738914; text-decoration:none;}#stitch{background:url(../images/stitch.gif) repeat-x; height:9px;}#wrap #middleSection{background:url(../images/midddlebg.jpg) repeat-y #fff;width:960px;position:relative;margin:auto;}
#what,#announcement,#works{ padding:45px 0;}#what p,#announcement p,#works p{ font-size:13px; color:#424242; line-height:22px; padding:20px 0 0 0;}#announcement #headerTitle img{ margin:0 10px 0 0;}#announcement #headerTitle h4.smalllogo{font-family:Arial, Helvetica, sans-serif;font-size:28px;color:#202020;letter-spacing:.04em;}#announcement #headerTitle h4.logoTitle{font-family:Arial, Helvetica, sans-serif;color:#0e5891;font-size:22px;letter-spacing:.022em;}#announcement p{ padding:20px 10px 0 10px;}
#wrap #middleSection #what{float:left;display:block;padding:20px 20px 0;width:300px;}#wrap #middleSection #announcement{ float:left; display:block; width:280px;padding:20px 10px 30px 10px;}#wrap #middleSection #works{ float:left; display:block;padding:20px 0 0 20px;width:280px;}#what h1,#announcement h1, #works h1{font-size:30px;color:#0e5891;font-weight:normal;}
#works ul { margin:20px 0 0 0;}#works ul li{ display:block;background:url(../images/bullet.png) no-repeat 0px 8px;font-size:13px;color:#424242;width:100%;}#works ul li{padding:3px 5px 3px 10px;}
#works ul li a{ background-color:#fff;color:#424242;text-decoration:none;}#works ul li a:hover{ background-color:#ececec;color:#424242;text-decoration:none;}
#what ul { margin:20px 0 0 0;}#what ul li{ display:block;background:url(../images/bullet.png) no-repeat 0px 8px;font-size:13px;color:#424242;width:100%;}#what ul li{padding:3px 5px 3px 10px;}#what ul li a{ background-color:#fff;color:#424242;text-decoration:none;}#what ul li a:hover{ background-color:#ececec;color:#424242;text-decoration:none;}
.btn{background:url(../images/greenbtn.png) no-repeat;width:82px;height: 23px;color:#fff;font-size:11px;text-align:center;padding:4px 2px;margin:10px 0 0 0;cursor: pointer;}
.Footerbtn{width:220px;height:45px;text-align:center;background-color:transparent;color:#FFFFFF;border:1px solid #3B67B2;box-shadow: 3px 3px 10px rgba(31, 73, 125, 0.9);outline:none;} 
.SubscriptionBox{float:left;width:365px;border:1px solid #8EA521;border-width:medium; background:#FFFFFF;border-right: none; border-radius:18px; box-shadow: 0 0 10px rgba(31, 73, 125, 0.9); clear:both}
#btnSubscriptiom {width:70px; height:30px;float:right;font-size:14px;font-weight:600;border:none;border-radius:0 16px 16px 0;background:#8EA521;color: #F2F2F2; cursor: pointer;outline:none}#btnSubscriptiom:hover{background:#ADC845;color:#F2F2F2;}
#cloud{color:#4e85ae;margin:15px 0 10px 0;}#cloud span a{color:#4e85ae; text-decoration:none;}#cloud span a.font9{ font-size:9px;}#cloud span a.font11{ font-size:11px;}#cloud span a.font13{ font-size:13px;}#cloud span a.font15{ font-size:15px;}#footerContentBg{ background:url(../images/footerbg.gif) repeat-x #0e0e0e;}
#footerContentBg #footerContent{ background:url(../images/footeerbg.jpg) no-repeat left top;width:960px;margin:auto;}#quicklink{ margin:45px 0 40px 30px;width:176px;float:left;}#latestNews{ margin:45px 0 40px 50px;width:244px;float:left;}#newsLetter{width:411px;margin:45px 0 40px 30px;float:right;}
#quicklink h2, #latestNews h2, #newsLetter h2{color:#738914;font-size:24px;font-weight:bold;margin:0 0 10px 0;}#latestNews h6{color:#a4a4a4;font-size:11px;font-weight:normal;}#latestNews h6 span{color:#fff;font-weight:bold;line-height:22px;}#latestNews p{color:#a4a4a4;font-size:11px;line-height:22px;}
#latestNews p A{color:#a4a4a4;text-decoration:underline;}#latestNews p A:hover{color:#a7ab90;text-decoration:underline;}#newsLetter p{color:#a4a4a4;font-size:11px;line-height:22px;}#copyRight{ display:block;border-top:1px solid #6e6e6e;margin:15px 0;padding:5px 0;}#copyRight p.txt{ float:left;color:#6e6e6e;font-size:11px;width:420px;line-height:22px;}.txtRight{text-align:right;}
#Facebook{float:left;cursor:pointer;outline:none;margin:0px 5px 0 5px;width: 30px;height: 30px;border-radius: 2px;background-image: url('../Images/MySocietyPortalFacebook.jpg');}#Facebook:hover {background-image: url('../Images/MySocietyPortalFacebookBGI.jpg');}#Twitter{float:left;cursor:pointer;outline:none;margin:0px 5px 0 5px;width:30px; height: 30px;border-radius:2px;background-image: url('../Images/MySocietyPortalTwitter.jpg');}#Twitter:hover{width:30px;height: 30px;border-radius: 2px;background-image: url('../Images/MySocietyPortalTwitterBGI.jpg');}#Linkedin{float:left;margin:0px 5px 0 5px;width: 30px;cursor:pointer;outline:none;height: 30px;border-radius: 2px;background-image: url('../Images/MySocietyPortalLinkedin.jpg');}#Linkedin:hover{width:30px;margin:0px 5px 0 5px;height:30px;border-radius: 2px;background-image: url('../Images/MySocietyPortalLinkedinBGI.jpg');}


